/* 首页banner样式 */
.x-banner{
    position: relative;
    border-bottom: 8px solid #ccc;
}
.x-banner .owl-carousel {
  position: relative;
}

.x-banner .owl-carousel .banner-item a {
  display: block;
  position: relative;
}
.x-banner .text{
    position: absolute;
    width: 100%;
    left:0;
    bottom:35%;
    color:#fff;
    line-height: 1.7;
}
.x-banner .text h3{
    font-size: 50px;
    font-weight: bold;
    text-shadow: 0 3px 3px rgba(0,0,0,.2);
    transform: translateX(-100px);
    transition-duration: .8s;
    opacity: 0;
}
.x-banner .text .intro{
    font-size: 50px;
    text-shadow: 0 3px 3px rgba(0,0,0,.2);
    transform: translateX(100px);
    transition-duration: .8s;
    opacity: 0;
}
.x-banner .active .text h3{
     transform: translateX(0px);
     opacity: 1;

}
.x-banner .active .text .intro{
     transform: translateX(0px);
     opacity: 1;
}
.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 3.5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 10px;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}



.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    background:#b71b2b;
}

.x-banner video{
  position: absolute;
  left: 0;
  top:50%;
  -webkit-transform: translate(0,-58%);
  -ms-transform: translate(0,-58%);
  -moz-transform: translate(0,-58%);
  transform: translate(0,-58%);

}
.m-banner{
    position: relative;
}
.m-banner video{
  position: absolute;
  left: 0;
  top:50%;
  -webkit-transform: translate(0,-58%);
  -ms-transform: translate(0,-58%);
  -moz-transform: translate(0,-58%);
  transform: translate(0,-58%);

}
.m-banner .owl-dots{
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    font-size: 0;
}
.m-banner .owl-dots .owl-dot{
    vertical-align: top;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin:0 5px;
}
.m-banner .owl-dots .active{
    background:#b71b2b;
}



.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}






/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {cursor: pointer;}
.swiper-slide img{max-width: 100%;}
.banner_pc{display: block;}
.banner_wap{display: none;}


.home-bt {padding: 40px 0; overflow: hidden; text-align: center; }
.home-bt span{display: block;margin-bottom: 30px; font-size: 36px;font-weight: bold;}
.home-bt span b{color: #ca0018; }
.home-bt span:after{ 
	content: '';
	position: relative;
	width: 60px;
	height: 3px;
	background: #000;
	display: block;
	margin: 0 auto;
	bottom: -15px;
}
.home-bt small{display: block; font-size: 14px; text-transform: uppercase; color: #999;}



.home-bt2 {padding: 40px 0; overflow: hidden; text-align: center; }
.home-bt2 span{display: block;margin-bottom: 30px;color: #fff; font-size: 36px;font-weight: bold;}
.home-bt2 span b{color: #fff; }
.home-bt2 span:after{ 
	content: '';
	position: relative;
	width: 60px;
	height: 3px;
	background: #fff;
	display: block;
	margin: 0 auto;
	bottom: -15px;
}
.home-bt2 small{display: block; font-size: 14px; text-transform: uppercase; color: #fff;}


/**/
[class*="-item"] .item-pic, [class*="-item"] .item-pics { position: relative; display: block; text-align: center; overflow: hidden; }
[class*="-item"] .item-pic img { }
[class*="-item"] .item-pic:hover img { }
[class*="-item"] .item-title { overflow: hidden; }
[class*="-item"] .item-title a:hover { color: #005BAC !important; }
[class*="-item"] .item-subt { overflow: hidden; }
[class*="-item"] .item-subt a:hover { color: #005BAC !important; }
[class*="-item"] .item-desc { overflow: hidden; }
[class*="-item"] .item-desc a { display: block; color: #666; }
[class*="-item"] .item-desc a:hover { color: #005BAC !important; }


@media screen and (max-width: 767px) { .sy_section2 .box-scroll { margin-top: 30px; } }


.sy_section2 .box-scroll .scroll-btns { margin-top: 28px; text-align: center; }
.sy_section2 .box-scroll .scroll-btns .scroll-btn { display: inline-block; cursor: pointer; }
.sy_section2 .box-scroll .scroll-btns .scroll-btn .iconfont { color: #666; font-size: 20px; border:1px solid #666; border-radius:24px; padding:5px;  }
.sy_section2 .box-scroll .scroll-btns .scroll-btn .iconfont:hover { color: #005BAC; }
.sy_section2 .box-scroll .scroll-btns .scroll-btn.prev { margin-right: 12px; }

@media screen and (max-width: 767px) { 
.sy_section2 .box-scroll .scroll-btns { margin-top: 20px; }
.sy_section2 .box-scroll .scroll-btns .scroll-btn .iconfont { font-size: 18px; border-radius:22px; padding:5px;}
.sy_section2 .box-scroll .scroll-btns .scroll-btn.prev { margin-right: 5px; } }

.sy_section2 .box-scroll .scroll-list-box { width: 100%; overflow: hidden; }
.sy_section2 .box-scroll .scroll-list { width: 1000%;position: relative; height: 100%;}

.sy_section2 .box-scroll .scroll-list li {  width: 2.5%; float: left; transition: All 0.3s ease-in-out;-webkit-transition: All 0.3s ease-in-out;-moz-transition: All 0.3s ease-in-out;-o-transition: All 0.3s ease-in-out;}

.sy_section2 .qh_b li:hover{ width: 2.6%;z-index: 10;border-right: rgba(255,255,255,0); margin-left:-0.1%}
.sy_section2 .qh_b li:hover:nth-child(1) { margin-left:0%}

.sy_section2 .qh_b li:last-child{border-right-color: rgba(255,255,255,0);}
.sy_section2 .qh_b li a{ display: block; width: 100%;height:100%; position: relative;padding: calc(10px + 0.44rem) calc(0px + 0.2rem) calc(20px + 0.2rem) calc(0px + 0.2rem);}
.sy_section2 .qh_b li:hover a{ background: #b30800;}




@media screen and (max-width: 767px) { .sy_section2 .box-scroll .scroll-list li { width: 3.2%; margin-right: 0.2%; } }
@media screen and (max-width: 500px) { .sy_section2 .box-scroll .scroll-list li { width: 4.9%; margin-right: 0.2%; } }
.sy_section2 .box-scroll .scroll-list .item-pic { position: relative; width: 100%; }
.sy_section2 .box-scroll .scroll-list .item-pic img { width: 100%; display: block; max-width:330px; margin: 0 auto; }
.sy_section2 .box-scroll .scroll-list .item-body { margin-top: 1px; padding: 16px 20px 16px; position:relative; }

@media screen and (max-width: 999px) { .sy_section2 .box-scroll .scroll-list .item-body { padding: 15px; } }
@media screen and (max-width: 767px) { .sy_section2 .box-scroll .scroll-list .item-body { padding: 10px; } }
.sy_section2 .box-scroll .scroll-list .item-title { font-size: 18px; font-weight: bold; line-height: 26px; }
@media screen and (max-width: 767px) { .sy_section2 .box-scroll .scroll-list .item-title { font-size: 16px; }}
.sy_section2 .box-scroll .scroll-list .item-desc { font-size: 16px; line-height: 26px; }
.sy_section2 .box-scroll .scroll-list .item-desc a { display: inline; }
.sy_section2 .box-scroll .scroll-list li:hover .item-title { font-size:24px; color:#fff; margin-bottom:26px; }
.sy_section2 .box-scroll .scroll-list li:hover .item-desc { display:none; height: 26px; }

.sy_section2 .box-scroll .scroll-list li a .mroe{ width: calc(30px + 0.16rem);position: absolute;right: 0;top:36px;opacity: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section2 .box-scroll .scroll-list li:hover a .mroe{opacity: 1;right: calc(15px + 0.15rem);}
.sy_section2 .box-scroll .scroll-list li a .mroe img{width: 100%;display: block;}
.sy_section2 .box-scroll .scroll-list li a .mroe{top: 10px;}


@media screen and (max-width: 767px) { .sy_section2 .box-scroll .scroll-list .item-desc { font-size: 14px;  } }




/*首页关于我们*/
.home-aboutbg{overflow: hidden; background: url(../img/aboutbg.jpg) no-repeat top center; background-size: cover; margin-top: 30px;}
.home-about{}
.home-about h2{ text-align: center;margin: 100px 0 60px 0;}
.home-about .text{font-size: 16px; line-height: 24px; padding: 0 5%; text-align: center;color: #FFF;}
.digital{overflow: hidden; margin: 120px 0; }
.digital ul{}
.digital ul li{float: left; width: 25%; text-align: center; color: #FFF; border-right: 1px solid #FFF;}
.digital ul li:last-child{border-right:0;}
.digital ul li h2{ font-size: 50px; font-weight: bold;}
.digital ul li h2 i{font-size: 14px;position: absolute; margin-top: -5px; font-style: normal;}
.digital ul li h5{font-size: 14px; line-height: 26px;}


/*首页设备展示*/
.home-shebeibg { overflow: hidden;background: url(../img/kehubg.jpg) no-repeat top center;}
.home-shebei{overflow: hidden; margin: 30px 0;}
.home-shebei ul{}
.home-shebei ul li{float: left; width: 18%;margin: 0 1%; margin-bottom:30px;}
.home-shebei ul li .img{display: block;width: 100%;overflow: hidden; position: relative;box-sizing:border-box;text-align: center; border: 1px solid #e7e7e7; background:#ffffff;}
.home-shebei ul li .img img{max-width: 100%; transition: all 0.6s ease-out;}
.home-shebei ul li .img h3{
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    font-size: 16px;
    color: #fafafa;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    background:rgba(0,0,0,.56);
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0 5px;
    box-sizing:border-box;
    overflow: hidden;
}
.home-shebei ul li:hover .img{border:1px solid #0346a1 ;}
.home-shebei ul li:hover .img img{ transform: scale(1.1);transition: all 0.6s;}
.home-shebei ul li:hover h3{ background:#0346a1;}



/*首页设备展示*/
.home-xcspbg { overflow: hidden; background: -webkit-linear-gradient(left, rgb(114, 32, 0), rgb(220, 0, 17) 48%, rgb(114, 32, 0) 98%) center top;}

.home-xcsp{overflow: hidden; margin-top:20px; margin-bottom:50px; background:#fff; padding-top:30px; }
.home-xcsp ul{ margin-left:1%; margin-right:1%;}
.home-xcsp ul li {float: left; width: 23%;margin: 0 1%; margin-bottom:30px;}
.home-xcsp ul li .img{display: block;width: 100%;overflow: hidden; position: relative;box-sizing:border-box;text-align: center; border: 1px solid #e7e7e7; background:#ffffff;}
.home-xcsp ul li .img img{max-width: 100%; transition: all 0.6s ease-out;}
.home-xcsp ul li .img h3{
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    font-size: 16px;
    color: #fafafa;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    background:rgba(0,0,0,.56);
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0 5px;
    box-sizing:border-box;
    overflow: hidden;
}
.home-xcsp ul li:hover .img{border:1px solid #000 ;}
.home-xcsp ul li:hover .img img{ transform: scale(1.1);transition: all 0.6s;}
.home-xcsp ul li:hover h3{ background:#000;}
.home-xcsp ul li:nth-child(5) {clear: left;}



/*首页新闻动态*/
.home-news-top{float: left; width: 30%;}
.home-news-top:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news-top .img{overflow: hidden;}
.home-news-top .img img{max-width: 100%;}
.home-news-top .text{ background: #f7f7f7; padding: 20px;}
.home-news-top .text .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../img/more3.png) no-repeat right 30px;}
.home-news-top .text .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news-top .text .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news-top .text .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news-top .text .nr{overflow: hidden;margin: 20px 0 0px 0;}
.home-news-top .text .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news-top .text .nr p{ color: #666;}

.home-news-top:hover .text .shijian .time b{color: #333;}
.home-news-top:hover .text .shijian .time span{color: #333;}

.home-news{float: left; width: 70%; padding-bottom:20px;}
.home-news ul{}
.home-news ul li{float: left; width: 45%; margin-left: 5%;background: #f7f7f7; padding: 20px; margin-bottom: 25px;}
.home-news ul li:hover{transition:all ease .3s; box-shadow:0 0 10px 0 rgba(0,0,0,.3);}
.home-news ul li .shijian{overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 20px; background: url(../img/more3.png) no-repeat right 30px;}
.home-news ul li .shijian .time{ float: left; width: 60px; text-align: center;}
.home-news ul li .shijian .time b{display: block;font-size: 50px; font-family: Impact;line-height: 50px;color: #999;}
.home-news ul li .shijian .time span{display: block;font-size: 14px; font-family: Impact;color: #999;}
.home-news ul li .nr{overflow: hidden;margin: 20px 0;}
.home-news ul li .nr h3{font-size: 17px;color: #333; margin-bottom: 20px;}
.home-news ul li .nr p{ color: #666;}

.home-news ul li:hover .shijian .time b{color: #333;}
.home-news ul li:hover .shijian .time span{color: #333;}



@media (min-width:1024px) and (max-width:1366px) {

.home-bt span{font-size: 32px;}
.home-shebei ul li .img h3{font-size: 15px;}

}

@media (min-width:768px) and (max-width:1023px) {

.home-bt span{font-size: 28px;}
.home-about .text{font-size: 14px;}
.home-shebei ul li .img h3{font-size: 14px;}
.ys_img{width: 100%;}
.ys_list{width: 100%;}
	
}
@media screen and (max-width:767px) {

.banner_pc{display: none;}	
.banner_wap{display: block;}

.home-bt {padding: 30px 0 20px 0;}
.home-bt2 {padding: 30px 0 20px 0;}
.home-bt span{font-size: 24px;}
.home-bt2 span{font-size: 24px;}

.home-about h2{margin: 50px 0 30px 0;}
.home-about h2 img { width:70%;}
.home-about .text{font-size: 13px;}

.digital{overflow: hidden; margin:60px 0; }
.digital ul li{width: 50%; border-right:0; margin-bottom: 30px;}


.home-shebei{overflow: hidden; margin:15px 0 30px 0;}

.home-shebei ul li{ width:46%; margin: 0 2%; margin-bottom: 20px; }
.home-shebei ul li .img h3{font-size: 13px;}

.home-xcsp ul li{  width:46%; margin: 0 2%; margin-bottom:20px;}
.home-xcsp ul li .img h3{
    font-size: 14px;
    line-height:30px;
}

.home-news-top{width: 100%; margin-bottom: 30px;}
.home-news{width: 100%;}
.home-news ul li{width: 100%; margin-left: 0;}
}